<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type='text/javascript' src='../js/vue.js'></script>
</head>

<body>
    <div id='root'>
        <h1>hello{{name}}</h1>
    </div>
    <script type='text/javascript'>
        Vue.config.priductionTip = false;

        // const v = new Vue({
        //     //(1) el:'#root',
        //     data: {
        //         name: '宋'
        //     }
        // })
        // console.log(v);
        // (2) v.$mount('#root')
        // setTimeout(() => {
        //     v.$mount('#root')

        // }, 1000)

        
        new Vue({
            el:'#root',
            //(1)对象式
            // data: {
            //     name: '宋'
            // }
            //(2)函数式=>只能普通函数，不能箭头函数
            data:function(){
                return{
                    name:'宋'
                }}
        })
       

    </script>
</body>

</html>